<style lang='scss' scoped>
   @import '~assets/common/css/mixin.scss';
   .page {
      background: #F9F9F9;
      height: 100%;

      .pay-success {

         @include flexbox(flex-start, space-between, column, wrap);
         .success-info {
            background: #FF9933;
            color: #ffffff;
            text-align: center;
            padding: 50px 0;
            .info {
               font-size: 18px;
               padding-bottom: 5vw;
               i {
                  font-size: 28px;
                  margin-right: 3vw;
               }
            }
            .tip {
               font-size: 14px;
            }
         }
         .app {
            @include flexbox(center, center, row, nowrap);
            text-align: center;
            padding: 50px 0;
            >div {
               @include flexbox(center, center, column, nowrap);
               i {
                  color: #BFBFBF;
                  font-size: 40px;
               }
               button {
                  margin-top: 6vw;
               }
            }
         }
      }
   }
</style>
<!-- order -->
<template>
   <div class="page">
      <div class="pay-success">
         <div class="success-info">
            <div class="info">
               <i class="icon-duigou iconfont"></i> 支付成功
            </div>
            <div class="info-tip">查看订单及物流信息请下载官方APP</div>
         </div>
         <div class="app">
            <div class="ios">
               <i class="iconfont icon-ios"></i>
               <a href="https://itunes.apple.com/cn/app/激想云商/id1129712764?mt=8">
                  <mt-button type="primary" size="small">IOS下载</mt-button>
               </a>
            </div>
            <div class="Android">
               <i class="iconfont icon-anzhuologo"></i>
               <a href="https://www.pgyer.com/c708">
                  <mt-button type="primary" size="small">安卓下载</mt-button>
               </a>
            </div>
         </div>
      </div>
   </div>

</template>

<script>
   export default {
      data() {
         return {};
      },

      watch: {},

      components: {},

      computed: {},

      methods: {},

      mounted: function () {}
   }
</script>